// 导入扑克牌数据
import pokerData from '../data/poker-data.js';
/**
 * 发牌操作
 */
export default function() {
    // 获取扑克牌显示面板
    const pokerPanel = document.querySelector('.poker-panel');
    // 获取数据长度
    const pokerDataLen = pokerData.length;

    // 克隆出牌组
    const clonePokers = pokerData.slice();

    // 生成随机牌组
    const randomPokers = [];
    while(clonePokers.length) {
        // 获取当前数组长度的随机数
        const randomNum = Math.floor(Math.random() * clonePokers.length);
        // 把克隆牌组随机一张牌“放入”随机数组，直到完全放完
        randomPokers.push(...clonePokers.splice(randomNum,1));
    }

    // 扑克牌的字符串名称
    let pokerStr = '';
    for(let i = 0; i < pokerDataLen; i++) {
        pokerStr += `<img 
            src="./images/${randomPokers[i].assorte}-${randomPokers[i].number}.jpg" 
            alt="${randomPokers[i].assorte}-${randomPokers[i].number}" 
            title="${randomPokers[i].assorte}-${randomPokers[i].number}"
        />`;
    }
    pokerPanel.innerHTML = pokerStr;
}